@font-face {
	font-family: "NotoSans";
	src: local("Noto Sans");
}

body{ margin: 0;padding: 0;  }
body,html{
	-webkit-text-size-adjust: none;
	width: 100%;
	min-height: 100%;
	font-size:12px;
	//font-family:"Tahoma","Arial","Roboto","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","sans-self";
	//font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
	font-weight: bold;
}

*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	//font-family:Arial, Helvetica, sans-serif;


	//font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
	//font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
}
img{
	border: 0px;
	max-width: 100vw;
}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{padding: 0;font-weight:normal;margin: 0;}
li{
	list-style: none;
}
.tc{text-align: center;}

a{  text-decoration: none;  }
p{  overflow: hidden;  }
input[type='text'][type='tel']{
	text-indent: 5px;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}

.block{
	display: block;
}

.fl{float: left;}
.fr{float: right;}

.pointer{cursor:pointer;}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}

//flex布局
.flex{display: flex;}
.flex1{flex: 1;}
.flex-center{align-items: center;}
//显示与隐藏
.show{display: block;}
.hide{display: none !important;}




.loop(@counter) when (@counter > 0) {
	.loop((@counter - 1));    // 递归调用自身
	.mt@{counter}{  margin-top: (1px * @counter);}
	.ml@{counter}{  margin-left: (1px * @counter);}
	.mb@{counter}{  margin-bottom: (1px * @counter);}
	.mr@{counter}{  margin-right: (1px * @counter);}

	.pt@{counter}{  padding-top: (1px * @counter);}
	.pl@{counter}{  padding-left: (1px * @counter);}
	.pb@{counter}{  padding-bottom: (1px * @counter);}
	.pr@{counter}{  padding-right: (1px * @counter);}
	.pa@{counter}{  padding:(1px * @counter);}
	.ma@{counter}{  margin:(1px * @counter);}
	@h: @counter*10;
	.h@{h}{height:(1px * @h)};
	@nh:@counter+15;
	.lh@{nh}{line-height:(@counter+15px);}
}
.loop(20);


.rpx(@px){
	@m:((@px/(1080/100)) * 1vw);
}

@color-black:#272727;
@color-orange:#ee7624;
@color-gray:#999999;
@color-red: #f62c2c;
@color-black2: #626262;
@color-blue: #3f85ff;

.text-center{text-align: center;}
.text-orange{color: @color-orange;}
.block-img{
	.block;
	width: 100%;
}
.btn{
	text-align: center;
	line-height:2.5;
	background-color:@color-orange;
	margin:auto;
	color:#fff;
	border-radius: .3rem;
	font-weight: bold;
}

.btn-small{
	.btn{
		width:50%;
		font-size:1.5rem;
	}
}

.btn-big{
	.btn;
	width:80%;
	font-size:1.5rem;
}

.zhezhao{
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,.3);
	z-index: 10000;
}




.notice-framework{
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,.3);
	z-index: 10000;
	display: none;
	.notice-box{
		position: relative;
		width:70vw;
		left:10vw;
		background:#fff;
		top:30vh;
		padding:5vw;
		border-radius: 5px;
	}
	.msg{
		text-align: center;
		margin-top:10px;
		margin-bottom:10px;
		p{
			padding-left:25px;
			background-image:url('../images/icon/notice.png');
			background-size:20px auto;
			background-position: left top;
			background-repeat: no-repeat;
			display: inline-block;
			font-size:1.3rem;
			font-weight: bold;
			text-align: left;
			color:@color-orange;
			line-height:1.6;
		}
	}

	.notice-btn{
		text-align: center;
		margin:30px auto 0 auto;
		span{
			display: inline-block;
			width:20vw;
			line-height:2.5;
			border-radius: 3px;
			margin:0 15px;
			background:#fefefe;

		}
		#surebtn{
			border:1px solid @color-orange;
			color:@color-orange;
		}
		#cancelbtn{
			border:1px solid #888;
			color:#888;
		}
	}
}

.icon{
	color:@color-orange;
}

.gray-full-line{

	height:3px;
	background:#D4D4D4;
}

/*主体内容框架*/
.main-content-box{
	margin-left: 2vw;
	margin-right:2vw;
	margin-top: -6.6vw;
	background:#fff;
	position: relative;
	z-index: 1;
	border-radius: 2vw;
	overflow: hidden;
}

/*头像信息*/
.manage-info{
	margin-top:5vw;
	overflow: hidden;

	.head{
		float: left;
		height:13vw;
		width: 13vw;
		margin-right:15px;
		border-radius:50%;
	}
	.name-info{
		float: left;
		span{
			display: block;

		}
		span:nth-child(1)
		{
			line-height:20px;
			font-size:4vw;
			color:@color-black;
			margin-top:2vw;
		}

		span:nth-child(2)
		{
			font-size:3vw;
			color: @color-gray;
			margin-top: 1vw;
		}
	}

	.days{
		line-height:70px;
		text-align: right;
		font-size:1.3rem;
		span{
			color:#F91C1C;
			padding:0 3px;
		}
	}
}

.activity {
	margin-top:5vw;
	.text-center;
	.title{font-size:5.67vw;}
	.title2{font-size:5vw;}

	.more-time{
		color: @color-orange;
		font-size: 3.4vw;
		margin-top: 1vw;
	}
	.more-time text{color: #555;}
}

/*=======首页=======*/
.index{
	a.btn666{
		position: fixed;
		bottom:0px;
		width: 100vw;
		line-height:10.5vw;
		font-size:4.4vw;
		letter-spacing: 5px;
		background:@color-orange;
		color:#fff;
		z-index: 9;
	}
}

//数字信息
.active-info{
	display: flex;
	margin-top:5vw;
	text-align: center;
	font-size:3.8vw;
	line-height:5.5vw;

	.li{flex: 1;}
	.title{color: @color-black2;}
	.num{color: @color-red;}
}

/*用户列表*/
.people-list-box{
	margin-top:5vw;
	.title{
		font-size: 3.8vw;
		margin-bottom: 3vw;
		color: @color-black2;
	}

	.people-list{
		margin:0 2.3vw;
		overflow: hidden;
		.people-row {
			align-items: center;
			padding:2vw 0;
		}
		.head-box{
			position: relative;
			width: 12vw;
			text-align: center;
		}

		// 众筹者
		.joined-people {
			.head-img{
				margin:auto;
				width: 12vw;
				height: 12vw;
				display: block;
				border-radius: 100%;
			}
			/*众筹进度数字*/
			.progress-num{
				color:@color-orange;
				position:absolute;
				height:100%;
				width:100%;
				left:0;
				top:0;
				text-align: center;
				line-height: 12vw;
			}

			/*众筹完成标记*/
			.full-tag-img{
				position: absolute;
				width: 5vw;
				right: 3vw;
				bottom:1vw;
			}
		}

		// 支持者
		.supports-people {
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			box-sizing: content-box;

			width: 10vw;
			height:10vw;
			border-radius: 100%;
			position: relative;
			margin:auto;
			.head-img{
				position: absolute;
				left: -1.5vw;
				top: -1vw;
				height:12vw;
				width:auto;
				border-radius: 50%;
				overflow: hidden;
			}
		}
		/*支持金额*/
		.pay-money{
			.text-orange;
			font-size:3vw;
			margin-top:2vw;
		}
	}
	/*查看更多*/
	.more{
		text-align: center;
		font-size:3vw;
		color: @color-orange;
		margin-top:1vw;
	}
}

.okimg{
	position: absolute;
	width: 50%;
	right: 20px;
	top: 60vw;
	z-index:100000;
}


.nav,.list-nav{
	width: 100%;
	display: flex;
	text-align: center;
	margin-bottom: 20px;

	li{
		padding:10px 0;
		font-size:3.8vw;
		color: @color-gray;
		border-bottom: 1px solid #fff;
		p:nth-child(2)
		{
			height:2px;
			margin:auto;
			margin-top:5px;
		}
	}

	li.selected{
		color:@color-orange;
		border-bottom:1px solid @color-orange;
	}
}



.active-description{
	margin-top: 5vw;
}


.main-text-content{
	margin:auto;
	.title{
		line-height:3rem;

		font-size:1.5rem;
		padding-left:3.5rem;
		margin-left:20px;
		color:@color-orange;
		background-image:url('http://ui.jdclo.com/%e5%90%8e%e5%8f%b0%e7%b3%bb%e7%bb%9f%e8%ae%be%e8%ae%a1%e5%9b%be/%e6%96%87%e6%a1%88/assets/Page%201.png');
		background-position: left center;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}


	.text-content-box{
		line-height:1.8;
		font-size:1.15rem;
		width:100%;
		overflow: hidden;


		p{
			margin-bottom:20px;
		}
		span{
			font-weight: bold;
		}
		img{
			width:100%;
		}
	}

}


/*======== 注册 =========*/
.rule-main
{
	min-height:100vh;
	background:#fff;
	overflow: hidden;

	h2{
		margin-top:50px;
		text-align: center;
		font-size:2rem;
		color:#000;
	}

	.register-box{

		width:90%;
		margin:20px auto;

		li{
			padding:12px 0;
			border-bottom: 1px solid #DBDCDC;
			vertical-align: middle;
			display: flex;

			input{
				color:#333333;
				border:1px solid rgba(0,0,0,0);
				vertical-align: middle;
				text-indent: 5px;
				flex: 1;

			}

			select{
				border:none;
				background:#fff;
				text-align: center;

				option{
					text-align: right;
				}
			}
			input,p,select{
				font-size:1.4rem;
				line-height:28px;
				height:28px;

			}


			input::-webkit-input-placeholder{
				color:#666666;
				font-size:1em;

			}

			#mobile,#code
			{
				width:40%;
			}

			#codebtn{
				display: inline-block;
				border:1px solid rgba(0,0,0,0);
				border-left:1px dashed @color-black;
				background:rgba(0,0,0,0);
				width:90px;
				color:@color-black;
				text-align: center;
				font-size:1rem;
				vertical-align: middle;

			}
		}
	}

	.register-btn{
		width: 90vw;
		.text-center;
		background-color: @color-orange;
		color: #fff;
		margin:10vw auto;
		line-height:10vw;
		border-radius: 10vw;
		font-size:4vw;
	}
}

.people-list-btn{

	width:90%;
	margin:auto;
	margin-top:60px;
	img{
		display: block;
		width:100%;
	}
}

.share-bg{
	display: none;
	background:rgba(33, 31, 31, 0.89);
	.share-close{
		position: absolute;
		top:15vh;
		right:5vw;
		height:150px;
		width:150px;
		display: block;
	}
}


//订单界面
.order{
	overflow: hidden;

	.time-info{
		padding:20px;
		overflow:hidden;
		p{
			display: inline-block;
		}
		p:nth-child(1)
		{
			float: left;
		}

		p:nth-child(2)
		{
			float: right;
			span{
				font-size:1.5rem;
				color:#F91C1C;
				padding:0 3px;
			}
		}
	}

	//进度条
	.progress{
		margin:4.8vw 4vw 0;
		position: relative;

		.percent-box{
			position:relative;
			z-index:100;
			height:6vw;

			.bg,.percent{
				height:2vw;
				position: absolute;
				left:0;
				top:calc(2vw - 1px);
				border-radius: 2vw;
				overflow: hidden;
			}

			.bg{
				border:1px solid @color-gray;
				width: calc(100% - 2px);
			}

			.percent{
				border:1px solid @color-orange;
				background-color: @color-orange;
				min-width: 1%;
			}

			.num{
				position: absolute;
				top:-1px;
				z-index: 10;
				right: 10%;
				height:6vw;
				width: 15vw;
				.text-center;
				line-height: 6vw;
				font-size: 3.8vw;
				border-radius: 6vw;
				border:1px solid @color-orange;
				color: @color-orange;
				background-color: #fff;
			}
		}
	}

	.cou-result{
		position: absolute;
		width:30%;
		height:auto;
		top:30vh;
		right:7vw;
		z-index:100;

	}

	//支持者列表
	.supports{
		padding: 7.6vw;

		.chart-box{
			margin-top:15px;
			margin-bottom:25px;
			.flex;

			.chart-head{
				width:11.4vw;
				overflow: hidden;
				margin-right: 5vw;
				img{
					width:100%;
					border-radius: 100%;
				}
			}

			.chart-content-box{
				.flex1;
				.flex;
				/*三角标*/
				.top-img{
					width: 8px;
					height:auto;
					margin-top:10px;
				}
				.inner-box{
					border-radius: 5px;
					background:#ffffff;
					padding: 10px;
					.flex1;
				}

				.supporter-name{
					line-height:2.2;
					color: #858585;
					.name1{
						font-size:3.8vw;
					}
					.name2{
						color: #000;
						font-size:3vw;
						span{
							color:#FF9200;
							margin:0 2px;
						}
					}
				}

				.msg{
					font-size:2.9vw;
					color: @color-black;
				}

				.time{
					font-size:2.3vw;
					margin-top:2vw;
					color:@color-black;

					img{
						width: 3.5vw;
						display: block;
						float: right;
					}
				}
			}
		}
	}



	/*评论弹出框*/
	.add-comment-box{
		z-index: 10000;
		position: fixed;
		top:0;
		left:0;
		height:100vh;
		width:100vw;
		background-color: rgba(0,0,0,.7);
		border-radius: 5px;
	}

	.add-comment{
		position: fixed;
		top: 25vh;
		left: 10vw;
		width: 80vw;
		padding-top:20px;
		background-image: url("/www/zc666/web/img/kuang.png");
		background-size: 100% auto;

		textarea{
			background:#F0F0F5;
			border:none;
			display: block;
			width: calc(100% - 4vw);
			margin: 10px 0;
			height: 120px;
			border-radius: 5px;
			padding:2vw;
			outline: none;
		}

		.btns{
			border-top:1px solid #eee;
			.flex;

			text{
				.flex1;
				color: #000;
				font-size: 14px;
				text-align: center;
				line-height: 50px;
			}

			.btn-cancel{
				border-right: 1px solid #eee;
				color: #87878a;
			}
		}
	}

	//侧边导航
	.tab-navs{
		position: fixed;
		//border:1px solid #666;
		right:10px;
		top:60vh;
		a{
			display: block;
			margin-top:10px;
		}
		.iconfont{
			color:@color-orange;
			font-size:3rem;
		}
	}

	//支付与分享按钮
	.pay-share-btn{
		position: fixed;
		left:0;
		bottom:0;
		z-index: 1000;
		width:100vw;
		height: 10.5vw;
		.flex;
		a{
			.flex1;
			text-align: center;
			line-height:10.5vw;
			font-size: 4vw;
			letter-spacing: 3px;
		}

		.pay{
			background:#F52A10;
			color:#fff;
		}
		.pay.un{
			background:@color-blue;
		}

		.bm{
			background:@color-orange;
			color:#fff;
		}
	}
}



.order-list{

	.title{
		margin:15px 0;
	}

	table{
		width:90%;
		margin:auto;
		td{
			padding:5px 0;
		}
		p{
			line-height:1.5rem;
		}
		.time{
			color:#999999;
		}
		img.head{
			width:50px;
			height:auto;
			border-radius: 100%;
		}

		.iconimg{
			width:40px;
		}
		.sort-num{
			width:40px;
			text-align: center;
			font-weight: bold;
			font-size:1.3rem;
		}
	}
	.more{
		padding:5px 20px;
		width:50px;
		margin:auto;
		text-align: center;
		line-height:25px;
		font-size:12px;
		color:rgba(0,0,0,.4);
		//display: none;
		img{
			width:20px;
			display: block;
			margin:auto;
		}
	}
}



@admin-orange:#F29600;
.admin{
	background-color:#fff;
}



.admin-index{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('../images/admin/index-bg.png');
	background-size:100% auto;
	background-position: left top;
	background-repeat: no-repeat;
	.logo{
		width:50%;
		display: block;
		margin:5vh auto 0 auto;
	}

	form{
		width:75%;
		margin:auto;
		margin-top:40vh;
		p{
			margin-bottom:10px;
			padding-bottom:5px;
			line-height:1.8;
			font-size:1.3rem;
			border-bottom:1px solid @color-orange;
			color:@color-orange;
			input{
				border:none;
				text-indent: 5px;
				font-size:inherit;
				color:inherit;
				background:rgba(0,0,0,0);
			}
			input::-webkit-input-placeholder{
				color:@color-orange;
			}
		}

		button{
			margin-top:50px;
			width:100%;
			display: block;
			background-color:@color-orange !important;
			color:#fff;
			border:none;
			font-size:1.5rem;
			height:4rem;
			border-radius: 3px;
		}
	}

	.text{
		width:100%;
		text-align: center;
		position: absolute;
		bottom:30px;
		color:#333333;
		font-size:1rem;
		font-weight:bold;
	}
}


//订单列表
.admin-orders{

	min-height:100vh;
	background:#fff;
	padding-bottom:20px;
	.notice{

		background:#FFF4CC;
		text-indent:40px;
		color:@color-orange;
		font-size:1.2rem;
		line-height:5rem;
	}

	.tabs{
		width:100%;
		text-align: center;
		background:#FFF4CC;
		a{
			line-height:3rem;
			color:#666666;
			font-weight: bold;
			font-size:1.1rem;
		}
		td.checked{
			color:@color-orange;
			border-bottom:1px solid @color-orange;
			a{
				color:inherit;
			}
		}
	}

	//邀请
	.invitation{
		padding:15px 0;
		background:#F5F5F5;
		a{
			display: block;
			line-height:3.8rem;
			text-align: center;
			width:80%;
			margin:auto;
			border-radius: 1.9rem;
			background:@color-orange;
			color:#fff;
			font-size:1.5rem;
		}
	}

	table.order-list{
		width:95%;
		margin:auto;
		margin-top:20px;
		border-collapse: collapse;
		tr{
			border-bottom:1px solid #eee;
			padding:10px 0;
		}
		td{
			padding-top:5px;
			padding-bottom:5px;
		}
		img{
			height:40px;
			border-radius: 100%;
		}
		td:nth-child(4){
			text-align: right;
			a{
				color:@color-orange;
			}
		}
	}
}
.pages{
	margin:20px auto;
	overflow: hidden;
	text-align: center;
	.pagination{
		display: inline-block;
		li{
			display: inline-block;
			padding:0 10px;
			line-height:25px;
			border:1px solid @color-orange;
			font-weight: bold;
			a{
				color:@color-orange;
			}
		}

	}
}




.customer{

	padding:20px;

	p{
		display: flex;
		height:30px;
		margin:5px 0;
		border-bottom:1px solid #ddd;
		padding-bottom:10px;
		text-indent: 5px;
		span{
			//width:30px;

			img{
				margin-top:5px;
				height:20px;
				width:auto;
				vertical-align: middle;
			}
		}
		input{
			margin-left:10px;
			flex: 1;
			border:none;
			height:30px;
			line-height:20px;
			font-size:1.3rem;
		}
	}
}




.box-title{
	overflow: hidden;
	padding:5px 20px;
	line-height:30px;
	img{
		height:20px;
		vertical-align: middle;
	}
	span{
		vertical-align: middle;
		margin-left:5px;
		font-size:1.5rem;
	}
}

.money-list{
	padding:10px 0 20px;

	.moneys{
		margin:auto;
		width:80%;
		margin-top:10px;

		p{
			border:1px solid #ccc;
			display: flex;
			line-height:20px;
			padding:7px 0;
			span{

				padding-left:10px;
				padding-right:10px;

			}
			input{
				border:none;
				flex: 1;
			}
		}

	}

	ul{
		overflow: hidden;
		li{
			display: inline-block;
			width:45%;
			text-align: center;
			line-height:40px;
			background:@color-orange;
			float:left;
			margin-bottom:15px;
			color:#fff;
			font-size:1.3rem;
			&:nth-child(2n+1)
			{
				margin-right:5%;
			}
			&:nth-child(2n){
				margin-left:5%;
			}
			&.selected{
				color:#554C3E;
			}
		}
	}
}

.message-box{
	padding:10px 0 20px;

	.message-input{
		margin:20px;
	}
	textarea{

		display: block;
		width:94%;
		padding:3%;
		font-size:1.2rem;
		line-height:1.5;
		border:1px solid #ddd;
	}
}

.pay-page{
	.pay-btn{
		position:fixed;
		bottom:0;
		width:100%;

		p{
			line-height:30px;
			width:50%;
			float:left;
			text-align: center;
			font-size:1.3rem;
			padding:10px 0;
			border:none;
		}

		p:nth-child(1){
			background:#fff;
		}

		p:nth-child(2){
			background:@color-orange;
			color:#fff;
		}
	}


}